<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Neon Admin Panel" />
    <meta name="author" content="" />

    <title>用户注册</title>

    <link rel="stylesheet" href="${pageContext.request.contextPath }/management/assets/js/jquery-ui/css/no-theme/jquery-ui-1.10.3.custom.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/management/assets/css/font-icons/entypo/css/entypo.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/management/assets/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/management/assets/css/neon-core.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/management/assets/css/neon-theme.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/management/assets/css/neon-forms.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/management/assets/css/custom.css">

    <script src="${pageContext.request.contextPath }/management/assets/js/jquery-1.11.0.min.js"></script>
    <script>$.noConflict();</script>

    <!--[if lt IE 9]><script src="${pageContext.request.contextPath }/management/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<script>
function changeSrc()
{
    var a = Math.floor(Math.random()*10+1);         //  生成随机数  保证每次验证码都不一样
    document.getElementById("myImage").src="http://localhost:8080/Project_Collage2//verifyCodeServelt?a=" + a;
}
</script>
</head>
<body class="page-body login-page login-form-fall" data-url="http://neon.dev">


<!-- This is needed when you send requests via Ajax -->
<script type="text/javascript">
var baseurl = '';
</script>

<div class="login-container">
    
    <div class="login-header login-caret">
        
        <div class="login-content">
            
            
            
        <a href="index.html" class="logo">
            <h1 style="color:gray;">超级云流量</h1>
            </a>
            
            <p class="description">用户注册</p>
            
            <!-- progress bar indicator -->
            <div class="login-progressbar-indicator">
                <h3>0%</h3>
                <span>logging in...</span>
            </div>
        </div>
        
    </div>
    

        
        <div class="login-content">
            

            
            <form action="${pageContext.request.contextPath }/regServlet" method="post" role="form" id="login" class="login-form fade-in-effect">
                 <p align="center" style="color:red;">${requestScope.errorMsg }</p>
                <div class="form-group">
                    
                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="entypo-user"></i>
                        </div>
                        
                        <input type="text" class="form-control" value="${requestScope.username }" name="user" id="user" placeholder="请输入您的用户名" autocomplete="off">
                    </div>
                    
                </div>
                
                <div class="form-group">
                    
                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="entypo-key"></i>
                        </div>
                        
                        <input type="password" value="${requestScope.password }" class="form-control" name="pass" id="pass" placeholder="请输入您的密码" autocomplete="off">
                    </div>
                
                </div>
                
                <input type="text" value="0" name="dlid" class="hide">
    
                <div class="form-group">
                    
                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="entypo-lock-open"></i>
                        </div>  
                     <!--    class="form-control" -->
  
                     
                    <input type="text" id="verifycode" placeholder="请输入验证码"  name="verifycode" class="form-control" > 
                               
                       </div> <br>
                       <p align="left">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                         <img id="myImage" alt="验证码" src="${pageContext.request.contextPath }/verifyCodeServelt">  &nbsp;&nbsp;
                    <a href="#" onclick="changeSrc()" >看不清？换一张</a>
                    </p>
                </div>

                
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-block btn-login">
                        <i class="entypo-login"></i>
                        立即注册
                    </button>
                </div>
                
                <!-- Implemented in v1.1.4 -->
                <div class="form-group">
                    <em>- or -</em>
                </div>
                
                <div class="form-group">
                <a href="${pageContext.request.contextPath }/management/user/login.jsp">
                    <button type="button" class="btn btn-default btn-lg btn-block btn-icon icon-left facebook-button">
                        已有账号？立即登录
                        <i class="entypo-user-add"></i>
                    </button>
                    </a>
                </div>

                
            </form>
            
            

            
        </div>
        
    </div>
    



    <!-- Bottom scripts (common) -->
    <script src="${pageContext.request.contextPath }/management/assets/js/gsap/main-gsap.js"></script>
    <script src="${pageContext.request.contextPath }/management/assets/js/jquery-ui/js/jquery-ui-1.10.3.minimal.min.js"></script>
    <script src="${pageContext.request.contextPath }/management/assets/js/bootstrap.js"></script>
    <script src="${pageContext.request.contextPath }/management/assets/js/joinable.js"></script>
    <script src="${pageContext.request.contextPath }/management/assets/js/resizeable.js"></script>
    <script src="${pageContext.request.contextPath }/management/assets/js/neon-api.js"></script>
    <script src="${pageContext.request.contextPath }/management/assets/js/jquery.validate.min.js"></script>
    <script src="${pageContext.request.contextPath }/management/assets/js/neon-login.js"></script>


    <!-- JavaScripts initializations and stuff -->
    <script src="${pageContext.request.contextPath }/management/assets/js/neon-custom.js"></script>


    <!-- Demo Settings -->
    <script src="${pageContext.request.contextPath }/management/assets/js/neon-demo.js"></script>

</body>
</html>
